<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="myCommon.js"></script>
    <style>
        #box{
            margin: 10px;
            width: 200px;
            border: 1px solid blue;
        }
        #box2{
            margin: 10px;
            width: 200px;
            border: 1px solid blue;
        }
    </style>
</head>
<body>
<div id="box">Hired.com发布特朗普上任后的“全球科技企业招聘状况”数据报告</div>
<div id="box2">Hired.com发布特朗普上任后的“全球科技企业招聘状况”数据报告</div>
    <script>

       //形参大于实参
       /*
        function foo(a,b) {
            console.log(a);
            console.log(b);
        }
        foo("1","你好")
*/


       /**
        *
        * @param a
        * @param b 2017-8-10新增，主要区别于之前版本的函数，给函数做一次升级
        */
        function foo2(a,b){
            if (b){
                alert(a);
            } else {
                console.log(a);
            }

        }
        //以前版本
       foo2('你好');
       foo2('我好');

       //另外一个模块调用这个函数，使用新的功能
        foo2('你好',true);



        function showStr(str,len,extStr){
            if (extStr){
                return str.slice(0,len)+extStr;
            } else {
                return str.slice(0,len)
            }

        }
        var s = $('box').innerHTML;
        $('box').innerHTML = showStr(s,16);
        //Hired.com发布特朗普上任后的“全球科技企业招聘状况”数据报告
       var s2 = $('box2').innerHTML;
       $('box2').innerHTML = showStr(s2,15,'...');


    </script>
</body>
</html>